@import 'public';
#top{
    width: 100%;
    height: 48px;
    background: #51b7ec;
    header{
        width: 650px;
        height: 48px;
        margin: auto;
        #top_1{
            float: left;
            width: 120px;
            height: 48px;
            background: url(/images/QQ_lan.png) 0px 0px no-repeat;
        }
        #top_2{
            width: 256px;
            height: 48px;
            line-height: 48px;
            float: right;
            text-align: center;
            font-size: 12px;
            color:#fff;
            #top_3{
                display: inline-block;
                width: 14px;
                height: 14px;
                background: url(/images/QQ_lan.png) 0px -46px no-repeat;
            }
            a{
                color:#fff;
            }
            a:hover{
                text-decoration: underline;
                color:pink;
            }
        }
    }
}


/* 主体 */
#nav{
    width: 650px;
    height: 332px;
    margin: auto;
    #nav_1{
        width: 392px;
        height: 332px;
        float: left;
        text-align: center;
        border-right: 1px dotted #999;
        h1{
            font-size: 18px;
            font-weight: normal;
            color: #333;
            margin-top: 22px;
        }
        p{
            font-size: 14px;
            color: #666;
            margin-top: 20px;
            a{
                color:#3481cf;
             }
             a:hover{
                 text-decoration: underline;
             }
        }
        
        #nav_1_1{
            margin-top: 42px;
            display: inline-block;
            width: 90px;
            height: 90px;
            background: url(/images/QQ_lan.png) 0px -284px no-repeat;
            font-size: 12px;
        }
        #a_1{
            display: inline-block;
            width: 90px;
            height: 90px;
            background: url(/images/QQ_lan.png) 0px -187px no-repeat;
            font-size: 12px;
        }
        ul{
            margin-top: 40px;
            margin-right: 40px;
            width: 230px;
            height: 32px;
            font-size: 12px;
            color:#666;
            float:right;
            a{
                color:#666;
            }
            a:hover{
                text-decoration: underline;
            }
        }
    } 
    #nav_2{
        width: 228px;
        height: 150px;
        float: right;
        font-size: 12px;
        margin-top: 28px;
        color:#999;
        p{
            width: 228px;
            height: 40px;
            line-height: 40px;
            border-top:1px dotted #999;
        }
        a{
            color:#1797db;
        }
        a:hover{
           text-decoration: underline;
        }
        #nav_2_1{
            margin-top: 24px;
        }
    }
}
